$(function () {
   
    function myChart1_1() {
        var myChart = echarts.init(document.getElementById('chart1-1'));
        option = {
            grid: {
                left: '10%',
                right: '10%',
                top: '25%',
                bottom: '10%',
            },
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'cross',
                    crossStyle: {
                        color: '#fff'
                    }
                }
            },

            legend: {
                data: ['游客', '增长率同比'],
                right: '3%',
                top: '5%',
                itemWidth: 14,
                itemHeight: 8,
                itemGap: 13,
                textStyle: {
                    color: '#ffffff',
                    fontSize: 12
                }
            },
            xAxis: [
                {
                    type: 'category',
                    data: ['8:00', '9:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00'],
                    axisPointer: {
                        type: 'shadow'
                    },
                    axisLabel: {
                        color: '#657CA8'
                    },
                    axisLine: {
                        lineStyle: {
                            color: 'rgba(101,124,168,0.3)'
                        }
                    },
                }
            ],
            yAxis: [
                {
                    type: 'value',
                    name: '(人)',
                    nameTextStyle: {
                        color: "#fff"
                    },
                    min: 0,
                    max: 2500,
                    interval: 500,
                    axisLabel: {
                        formatter: '{value}',
                        color: '#657CA8'
                    },
                    splitLine: {
                        show: false,

                    },
                    axisLine: {
                        lineStyle: {
                            color: 'rgba(101,124,168,0.3)'
                        }
                    },
                },
                {
                    type: 'value',
                    min: -20,
                    max: 20,
                    interval: 10,
                    axisLabel: {
                        formatter: '{value}%',
                        color: '#657CA8'
                    },
                    splitLine: {
                        show: false,

                    },
                    axisLine: {
                        lineStyle: {
                            color: 'rgba(101,124,168,0.3)'
                        }
                    },
                }
            ],
            series: [
                {
                    name: '游客',
                    type: 'bar',
                    barWidth: '40%',
                    data: [800, 1200, 2500, 2100, 1300, 1000, 2000, 1500, 1000, 800, 300],
                    itemStyle: {
                        normal: {
                            color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                                offset: 0,
                                color: "#2782CD" // 0% 处的颜色
                            }, {
                                offset: 1,
                                color: "#07E2CD" // 100% 处的颜色
                            }], false)
                        }
                    },
                },

                {
                    name: '增长率同比',
                    type: 'line',
                    yAxisIndex: 1,
                    color: '#FA6084',
                    data: [-18, -10, 18, 10, -10, -15, 3, -10, -10, -15, -19],
                    symbol: "none"
                }
            ]
        };

        myChart.setOption(option);
    }
    function myChart1_2() {
        var myChart = echarts.init(document.getElementById('chart1-2'));
        option = {
            grid: {
                left: '10%',
                right: '10%',
                top: '15%',
                bottom: '10%',
            },
            title: {
                textStyle: {
                    fontWeight: 'normal',
                    fontSize: 16,
                    color: '#F1F1F3'
                },
                left: '6%'
            },
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    lineStyle: {
                        color: '#57617B'
                    }
                }
            },
            legend: {
                icon: 'rect',
                itemWidth: 14,
                itemHeight: 5,
                itemGap: 13,
                data: ['三皇寨', '少林寺', '嵩山'],
                right: '3%',
                top: '5%',
                textStyle: {
                    fontSize: 12,
                    color: '#F1F1F3'
                }
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            xAxis: [{
                type: 'category',
                boundaryGap: false,
                axisLabel: {
                    color: '#657CA8'
                },
                data: ['8:00', '9:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00']
            }, {
                axisPointer: {
                    show: false
                },
                axisLine: {
                    lineStyle: {
                        color: 'rgba(101,124,168,0.3)'
                    }
                },
                axisTick: {
                    show: false
                },
            }],
            yAxis: [{
                type: 'value',
                name: '(人)',
                nameTextStyle: {
                    color: "#fff"
                },
                axisTick: {
                    show: false
                },
                axisLine: {
                    lineStyle: {
                        color: 'rgba(101,124,168,0.3)'
                    }
                },
                min: 0,
                max: 2500,
                interval: 500,
                axisLabel: {
                    formatter: '{value}',
                    color: '#657CA8'
                },
                splitLine: {
                    show: false,

                },

            }],
            series: [{
                name: '三皇寨',
                type: 'line',
                smooth: true,
                symbol: 'circle',
                symbolSize: 5,
                showSymbol: false,
                lineStyle: {
                    normal: {
                        width: 2
                    }
                },
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: 'rgba(244, 94, 35, 0.3)'
                        }, {
                            offset: 0.8,
                            color: 'rgba(244, 94, 35, 0)'
                        }], false),
                        shadowColor: 'rgba(0, 0, 0, 0.1)',
                        shadowBlur: 10
                    }
                },
                itemStyle: {
                    normal: {
                        color: '#F45E23',
                        borderColor: 'rgba(244, 94, 35, 0.27)',
                        borderWidth: 12

                    }
                },
                data: [1300, 1400, 1500, 1600, 1500, 1400, 1500, 1600, 1500, 1400, 1300]
            }, {
                name: '少林寺',
                type: 'line',
                smooth: .01,
                symbol: 'circle',
                symbolSize: 5,
                showSymbol: false,
                lineStyle: {
                    normal: {
                        width: 2
                    }
                },
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: 'rgba(1, 219, 155, 0.3)'
                        }, {
                            offset: 0.8,
                            color: 'rgba(1, 219, 155, 0)'
                        }], false),
                        shadowColor: 'rgba(0, 0, 0, 0.1)',
                        shadowBlur: 10
                    }
                },
                itemStyle: {
                    normal: {
                        color: '#01DB9B',
                        borderColor: 'rgba(1, 219, 155, 0.2)',
                        borderWidth: 12

                    }
                },
                data: [2000, 2100, 2300, 2200, 1900, 1800, 1500, 1600, 1800, 1900, 2000]
            }, {
                name: '嵩山',
                type: 'line',
                smooth: true,
                symbol: 'circle',
                // symbolSize: 5,
                showSymbol: false,
                lineStyle: {
                    normal: {
                        width: 2
                    }
                },
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: 'rgba(28, 121, 218, 0.3)'
                        }, {
                            offset: 0.8,
                            color: 'rgba(28, 121, 218, 0)'
                        }], false),
                        shadowColor: 'rgba(0, 0, 0, 0.1)',
                        shadowBlur: 10
                    }
                },
                itemStyle: {
                    normal: {

                        color: '#1C79DA',
                        borderColor: 'rgba(28, 121, 218,0.2)',
                        borderWidth: 1
                    }
                },
                data: [1000, 2500, 1600, 1200, 1200, 1600, 1800, 2200, 1800, 1300, 600]
            },]
        };
        myChart.setOption(option);
    }
    function myChart1_3() {
        var myChart = echarts.init(document.getElementById('chart1-3'));
        option = {
            tooltip: {
                trigger: 'axis',
                axisPointer: { // 坐标轴指示器，坐标轴触发有效
                    type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
                }
            },
            legend: {
                itemWidth: 14,
                itemHeight: 5,
                itemGap: 13,
                data: ['三皇寨', '少林寺', '嵩山'],
                right: '3%',
                top: '5%',
                textStyle: {
                    fontSize: 12,
                    color: '#F1F1F3'
                }
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            xAxis: [{
                type: 'category',
                data: ['1-2小时', '2-4小时', '4-12小时', '12-24小时', '24-48小时'],
                axisLabel: {
                    color: '#657CA8'
                },
                axisLine: {
                    lineStyle: {
                        color: 'rgba(101,124,168,0.3)'
                    }
                },
            }],
            yAxis: [{
                type: 'value',
                max: 30,
                axisLabel: {
                    formatter: '{value}%',
                    color: '#657CA8'
                },
                axisTick: {
                    show: false
                },
                axisLine: {
                    lineStyle: {
                        color: 'rgba(101,124,168,0.3)'
                    }
                },
                splitLine: {
                    show: false,

                },

            }],
            series: [{
                name: '三皇寨',
                type: 'bar',
                data: [8, 16, 6, 5, 10],
                itemStyle: {
                    normal: {
                        color: '#F45E23'
                    }
                },
            }, {
                name: '少林寺',
                type: 'bar',
                data: [18, 26, 23, 13, 3],
                itemStyle: {
                    normal: {
                        color: '#01DB9B'
                    }
                },
            }, {
                name: '嵩山',
                type: 'bar',
                data: [14, 19, 24, 14, 2],
                itemStyle: {
                    normal: {
                        color: '#1C79DA'
                    }
                },
            }]
        };
        myChart.setOption(option);
    }
    function myChart1_4() {
        var myChart = echarts.init(document.getElementById('chart1-4'));

        option = {

            tooltip: {
                trigger: 'item',
                formatter: "{b}  <br/>{c}%"
            },

            calculable: true,
            series: [{
                name: '水源类型',
                type: 'pie',
                //起始角度，支持范围[0, 360]
                startAngle: 0,
                //饼图的半径，数组的第一项是内半径，第二项是外半径
                radius: [41, 110],
                //支持设置成百分比，设置成百分比时第一项是相对于容器宽度，第二项是相对于容器高度
                center: ['50%', '25%'],
                //是否展示成南丁格尔图，通过半径区分数据大小。可选择两种模式：
                // 'radius' 面积展现数据的百分比，半径展现数据的大小。
                //  'area' 所有扇区面积相同，仅通过半径展现数据大小
                roseType: 'area',
                //是否启用防止标签重叠策略，默认开启，圆环图这个例子中需要强制所有标签放在中心位置，可以将该值设为 false。
                avoidLabelOverlap: false,
                label: {
                    normal: {
                        show: true,
                        // formatter: '{c}个'
                    },
                    emphasis: {
                        show: true
                    }
                },
                labelLine: {
                    normal: {
                        show: true,
                        length2: 1,
                    },
                    emphasis: {
                        show: true
                    }
                },
                data: [{
                    value: 30,
                    name: '自由行',
                    itemStyle: {
                        normal: {
                            color: '#FF8282'
                        }
                    }
                },
                {
                    value: 35,
                    name: '大巴',
                    itemStyle: {
                        normal: {
                            color: '#FFAD45'
                        }
                    }
                },
                {
                    value: 40,
                    name: '自驾行',
                    itemStyle: {
                        normal: {
                            color: '#01DB99'
                        }
                    }
                },
                {
                    value: 32,
                    name: '火车',
                    itemStyle: {
                        normal: {
                            color: '#238FCD'
                        }
                    }
                },
                {
                    value: 25,
                    name: '飞机',
                    itemStyle: {
                        normal: {
                            color: '#F45E23'
                        }
                    }
                },
                {
                    value: 10,
                    name: '其他',
                    itemStyle: {
                        normal: {
                            color: '#69CCE6'
                        }
                    }
                },
                {
                    value: 0,
                    name: "",
                    label: {
                        show: false
                    },
                    labelLine: {
                        show: false
                    }
                },
                {
                    value: 0,
                    name: "",
                    label: {
                        show: false
                    },
                    labelLine: {
                        show: false
                    }
                },
                {
                    value: 0,
                    name: "",
                    label: {
                        show: false
                    },
                    labelLine: {
                        show: false
                    }
                },
                {
                    value: 0,
                    name: "",
                    label: {
                        show: false
                    },
                    labelLine: {
                        show: false
                    }
                },
                {
                    value: 0,
                    name: "",
                    label: {
                        show: false
                    },
                    labelLine: {
                        show: false
                    }
                },
                {
                    value: 0,
                    name: "",
                    label: {
                        show: false
                    },
                    labelLine: {
                        show: false
                    }
                }
                ]
            }]
        }
        myChart.setOption(option);
    }
    function myChart1_5_1() {
        var myChart = echarts.init(document.getElementById('chart1-5-1'));
        var symbols = [
            'path://M18.2629891,11.7131596 L6.8091608,11.7131596 C1.6685112,11.7131596 0,13.032145 0,18.6237673 L0,34.9928467 C0,38.1719847 4.28388932,38.1719847 4.28388932,34.9928467 L4.65591984,20.0216948 L5.74941883,20.0216948 L5.74941883,61.000787 C5.74941883,65.2508314 11.5891201,65.1268798 11.5891201,61.000787 L11.9611506,37.2137775 L13.1110872,37.2137775 L13.4831177,61.000787 C13.4831177,65.1268798 19.3114787,65.2508314 19.3114787,61.000787 L19.3114787,20.0216948 L20.4162301,20.0216948 L20.7882606,34.9928467 C20.7882606,38.1719847 25.0721499,38.1719847 25.0721499,34.9928467 L25.0721499,18.6237673 C25.0721499,13.032145 23.4038145,11.7131596 18.2629891,11.7131596 M12.5361629,1.11022302e-13 C15.4784742,1.11022302e-13 17.8684539,2.38997966 17.8684539,5.33237894 C17.8684539,8.27469031 15.4784742,10.66467 12.5361629,10.66467 C9.59376358,10.66467 7.20378392,8.27469031 7.20378392,5.33237894 C7.20378392,2.38997966 9.59376358,1.11022302e-13 12.5361629,1.11022302e-13',
            'path://M28.9624207,31.5315864 L24.4142575,16.4793596 C23.5227152,13.8063773 20.8817445,11.7111088 17.0107398,11.7111088 L12.112691,11.7111088 C8.24168636,11.7111088 5.60080331,13.8064652 4.70917331,16.4793596 L0.149791395,31.5315864 C-0.786976655,34.7595013 2.9373074,35.9147532 3.9192135,32.890727 L8.72689855,19.1296485 L9.2799493,19.1296485 C9.2799493,19.1296485 2.95992025,43.7750224 2.70031069,44.6924335 C2.56498417,45.1567684 2.74553639,45.4852068 3.24205501,45.4852068 L8.704461,45.4852068 L8.704461,61.6700801 C8.704461,64.9659872 13.625035,64.9659872 13.625035,61.6700801 L13.625035,45.360657 L15.5097899,45.360657 L15.4984835,61.6700801 C15.4984835,64.9659872 20.4191451,64.9659872 20.4191451,61.6700801 L20.4191451,45.4852068 L25.8814635,45.4852068 C26.3667633,45.4852068 26.5586219,45.1567684 26.4345142,44.6924335 C26.1636859,43.7750224 19.8436568,19.1296485 19.8436568,19.1296485 L20.3966199,19.1296485 L25.2043926,32.890727 C26.1862111,35.9147532 29.9105828,34.7595013 28.9625083,31.5315864 L28.9624207,31.5315864 Z M14.5617154,0 C17.4960397,0 19.8773132,2.3898427 19.8773132,5.33453001 C19.8773132,8.27930527 17.4960397,10.66906 14.5617154,10.66906 C11.6274788,10.66906 9.24611767,8.27930527 9.24611767,5.33453001 C9.24611767,2.3898427 11.6274788,0 14.5617154,0 L14.5617154,0 Z',
            'path://M512 292.205897c80.855572 0 146.358821-65.503248 146.358821-146.358821C658.358821 65.503248 592.855572 0 512 0 431.144428 0 365.641179 65.503248 365.641179 146.358821 365.641179 227.214393 431.144428 292.205897 512 292.205897zM512 731.282359c-80.855572 0-146.358821 65.503248-146.358821 146.358821 0 80.855572 65.503248 146.358821 146.358821 146.358821 80.855572 0 146.358821-65.503248 146.358821-146.358821C658.358821 796.273863 592.855572 731.282359 512 731.282359z'
        ];
        var bodyMax = 100; //指定图形界限的值
        var labelSetting = {
            normal: {
                show: true,
                position: 'bottom',
                offset: [0, 10],
                formatter: function (param) {
                    return (param.value / bodyMax * 100).toFixed(0) + '%';
                },
                textStyle: {
                    fontSize: 12,
                    fontFamily: 'Arial',
                    color: '#fff'
                }
            }
        };

        var markLineSetting = { //设置标线
            symbol: 'none',
            lineStyle: {
                normal: {
                    opacity: 0.3
                }
            },
            data: [{
                type: 'max',
                label: {
                    normal: {
                        formatter: 'max: {c}'
                    }
                }
            }, {
                type: 'min',
                label: {
                    normal: {
                        formatter: 'min: {c}'
                    }
                }
            }]
        };

        option = {
            tooltip: {
                show: false, //鼠标放上去显示悬浮数据
            },
            legend: {
                show: false,
                data: ['typeA', 'typeB'],
                selectedMode: 'single',
                itemWidth: 10, //图例的宽度
                itemHeight: 10, //图例的高度
                itemGap: 30,
                orient: 'horizontal',
                left: 'center',
                top: '20px',
                icon: 'rect',
                // selectedMode: false, //取消图例上的点击事件
                textStyle: {
                    color: '#808492'
                },
            },
            grid: {
                // left: '20%',
                // right: '20%',
                top: '20%',
                bottom: '20%',
                containLabel: true
            },
            xAxis: {
                data: ['a', 'x', 'b'],
                axisTick: {
                    show: false
                },
                axisLine: {
                    show: false
                },
                axisLabel: {
                    show: false
                }
            },
            yAxis: {
                max: bodyMax,
                splitLine: {
                    show: false
                },
                axisTick: {
                    // 刻度线
                    show: false
                },
                axisLine: {
                    // 轴线
                    show: false
                },
                axisLabel: {
                    // 轴坐标文字
                    show: false
                }
            },
            series: [{
                name: 'typeA',
                type: 'pictorialBar',
                symbolClip: true,
                symbolBoundingData: bodyMax,
                label: labelSetting,
                data: [{
                    value: 35,
                    symbol: symbols[0],
                    itemStyle: {
                        normal: {
                            color: 'rgba(105,204,230)' //单独控制颜色
                        }
                    },
                },
                {

                },
                {
                    value: 65,
                    symbol: symbols[1],
                    itemStyle: {
                        normal: {
                            color: 'rgba(255,130,130)' //单独控制颜色
                        }
                    },
                }
                ],
                // markLine: markLineSetting,
                z: 10
            },
            {
                // 设置背景底色，不同的情况用这个
                name: 'full',
                type: 'pictorialBar', //异型柱状图 图片、SVG PathData
                symbolBoundingData: bodyMax,
                animationDuration: 0,
                itemStyle: {
                    normal: {
                        color: '#ccc' //设置全部颜色，统一设置
                    }
                },
                z: 9,
                data: [{
                    itemStyle: {
                        normal: {
                            color: 'rgba(105,204,230,0.6)' //单独控制颜色
                        }
                    },
                    value: 100,
                    symbol: symbols[0]
                },
                {
                    // 设置中间冒号
                    itemStyle: {
                        normal: {
                            color: '#1DA1F2' //单独控制颜色
                        }
                    },
                    value: 100,
                    symbol: symbols[2],
                    symbolSize: [8, '18%'],
                    symbolOffset: [0, '-200%']
                },
                {
                    itemStyle: {
                        normal: {
                            color: 'rgba(255,130,130,0.6)' //单独控制颜色
                        }
                    },
                    value: 100,
                    symbol: symbols[1]
                }
                ]
            }
            ]
        }
        myChart.setOption(option);
    }
    function myChart1_5_2() {
        var myChart = echarts.init(document.getElementById('chart1-5-2'));
        var colorList = ['#08DECD', '#FFAD45', '#01DB99', '#238FCD'];
        option = {
            legend: {
                show: true,
                orient: 'vertical',
                top: "5%",
                right: "0%",
                itemWidth: 14,
                itemHeight: 8,
                itemGap: 5,
                textStyle: {
                    color: '#f2f2f2',
                    fontSize: 12,

                },
                icon: 'roundRect',
                data: ['50-60', '40-50', '30-40', '18-30']
            },
            tooltip: {
                trigger: 'item',
                formatter: function (parms) {
                    var str = parms.marker +parms.data.name + "</br>" +
                        "占比：" + parms.data.value + "%" ;
                    return str;
                }
            },
            series: [
                // 主要展示层的
                {
                    radius: ['29%', '59%'],
                    center: ['35%', '53%'],
                    type: 'pie',
                    itemStyle: {
                        normal: {
                            color: function (params) {
                                return colorList[params.dataIndex]
                            }
                        }
                    },
                    labelLine: {
                        normal: {
                            show: false,
                            length: 35,
                            length2: 100,
                            lineStyle: {
                                color: '#d3d3d3'
                            },
                            align: 'right'
                        },
                        color: "#000",
                        emphasis: {
                            show: false
                        }
                    },
                    label: {
                        normal: {
                            show: false,
                            padding: [0, -90],
                            height: 35,
                            rich: {
                                a: {
                                    width: 38,
                                    height: 38,
                                    lineHeight: 50,

                                    align: 'left'
                                },
                                b: {
                                    width: 29,
                                    height: 45,
                                    lineHeight: 50,
                                    align: 'left'
                                },
                                c: {
                                    width: 34,
                                    height: 33,
                                    lineHeight: 50,

                                    align: 'left'
                                },
                                d: {
                                    width: 34,
                                    height: 44,
                                    lineHeight: 50,
                                    align: 'left'
                                },
                                e: {
                                    width: 38,
                                    height: 30,
                                    lineHeight: 50,
                                    align: 'left'
                                },
                                nameStyle: {
                                    fontSize: 16,
                                    color: "#555",
                                    align: 'left'
                                },
                                rate: {
                                    fontSize: 20,
                                    color: "#1ab4b8",
                                    align: 'left'
                                }
                            }
                        }
                    },
                    data: [
                        {
                            value: 10,
                            name: '50-60',
                        },
                        { value: 23, name: '40-50' },
                        { value: 40, name: '30-40' },
                        { value: 33, name: '18-30' }],
                },
                // 边框的设置
                {
                    radius: ['54%', '59%'],
                    center: ['35%', '53%'],
                    type: 'pie',
                    label: {
                        normal: {
                            show: false
                        },
                        emphasis: {
                            show: false
                        }
                    },
                    labelLine: {
                        normal: {
                            show: false
                        },
                        emphasis: {
                            show: false
                        }
                    },
                    animation: false,
                    tooltip: {
                        show: false
                    },
                    itemStyle: {
                        normal: {
                            color: 'rgba(250,250,250,0.5)'
                        }
                    },
                    data: [{
                        value: 1,
                    }],
                }
            ]
        };
        myChart.setOption(option);
    }
    function myChart1_6() {
        var myChart = echarts.init(document.getElementById('chart1-6'));
        var msg = {
            "data": [
                18,
                20,
                25,
                35.5,
                46.5,
                56.5,
                63.5,
                67.5,
                77.5,
                90
            ],
            "total": 100,
            "percentdata": [

                18,
                20,
                25,
                35.5,
                46.5,
                56.5,
                63.5,
                67.5,
                77.5,
                90
            ],
            "leftname": [
                "北京",
                "成都",
                "重庆",
                "浙江",
                "上海",
                "天津",
                "河北",
                "西安",
                "山东",
                "河南"
            ]
        }
        var data = [];
        var totaldata = [];
        var percentdata = [];
        $.each(msg.data, function (key, value) {
            totaldata.push(81.3);
            data.push(81.3 * value / 100);
            percentdata.push(Math.round(value / msg.total * 100) + "%");
        });
        var fillImg = '';
        var option = {
            grid: {
                top: '5.9%',
                left: '19.55%',
                right: '0',
                bottom: 0
            },
            xAxis: [{
                show: false,
            }],
            yAxis: [{
                axisTick: 'none',
                axisLine: 'none',
                offset: '10',
                axisLabel: {
                    textStyle: {
                        color: '#8aa3b0',
                        fontSize: '12',
                    }
                },
                data: msg.leftname
            },
            {
                axisTick: 'none',
                axisLine: 'none',
                type: 'category',
                axisLabel: {
                    margin: -40,
                    textStyle: {
                        color: '#d9dddf',
                        fontSize: '12',
                    }
                },
                data: percentdata,
            },
            {
                name: '',
                nameGap: '50',
                nameTextStyle: {
                    color: '#000',
                    fontSize: '16',
                },
                axisLine: {
                    lineStyle: {
                        color: 'rgba(0,0,0,0)'
                    }
                },
                data: [],
            }
            ],
            series: [{
                name: '', // blue bar
                type: 'pictorialBar',
                symbol: 'image://' + fillImg,
                barWidth: '100%',
                symbolOffset: [5, 0],
                itemStyle: {
                    normal: {
                        barBorderRadius: 5,
                        color: '#6DE8FA'
                    }
                },
                symbolSize: ['67%', 13],
                symbolBoundingData: 100,
                symbolClip: true,
                data: data,
                label: {
                    normal: {
                        show: false,
                    }
                },
                animationEasing: 'elasticOut',
            },
            {
                name: '外框',
                type: 'bar',
                yAxisIndex: 2,
                barGap: '-100%',
                data: totaldata,
                barWidth: 20,
                // barCategoryGap:'200',
                itemStyle: {
                    normal: {
                        color: 'transparent', //填充色
                        barBorderColor: 'rgba(73,226,235,0.2)', //边框色
                        barBorderWidth: 1, //边框宽度
                        barBorderRadius: 6, //圆角半径
                        label: { //标签显示位置
                            show: false,
                            position: 'top' //insideTop 或者横向的 insideLeft
                        }
                    }
                },
                z: 0
            }
            ]
        };

        myChart.setOption(option);
    }
    
    function myChart1_7() {
        

        var myChart = echarts.init(document.getElementById('chart1-7'));
        var chinaGeoCoordMap = {
            '黑龙江': [127.9688, 45.368],
            '内蒙古': [110.3467, 41.4899],
            "吉林": [125.8154, 44.2584],
            '北京市': [116.4551, 40.2539],
            "辽宁": [123.1238, 42.1216],
            "河北": [114.4995, 38.1006],
            "天津": [117.4219, 39.4189],
            "山西": [112.3352, 37.9413],
            "陕西": [109.1162, 34.2004],
            "甘肃": [103.5901, 36.3043],
            "宁夏": [106.3586, 38.1775],
            "青海": [101.4038, 36.8207],
            "新疆": [87.9236, 43.5883],
            "西藏": [91.11, 29.97],
            "四川": [103.9526, 30.7617],
            "重庆": [108.384366, 30.439702],
            "山东": [117.1582, 36.8701],
            "河南": [113.4668, 34.6234],
            "江苏": [118.8062, 31.9208],
            "安徽": [117.29, 32.0581],
            "湖北": [114.3896, 30.6628],
            "浙江": [119.5313, 29.8773],
            "福建": [119.4543, 25.9222],
            "江西": [116.0046, 28.6633],
            "湖南": [113.0823, 28.2568],
            "贵州": [106.6992, 26.7682],
            "云南": [102.9199, 25.4663],
            "广东": [113.12244, 23.009505],
            "广西": [108.479, 23.1152],
            "海南": [110.3893, 19.8516],
            '上海': [121.4648, 31.2891]
        };
        var chinaDatas = [
            [{
                name: '黑龙江',
                value: 0
            }], [{
                name: '内蒙古',
                value:0
            }], [{
                name: '吉林',
                value:0
            }], [{
                name: '辽宁',
                value: 0
            }], [{
                name: '河北',
                value: 0
            }], [{
                name: '天津',
                value: 0
            }], [{
                name: '山西',
                value: 0
            }], [{
                name: '陕西',
                value: 0
            }], [{
                name: '甘肃',
                value: 0
            }], [{
                name: '宁夏',
                value: 0
            }], [{
                name: '青海',
                value: 0
            }], [{
                name: '新疆',
                value: 0
            }], [{
                name: '西藏',
                value: 0
            }], [{
                name: '四川',
                value: 0
            }], [{
                name: '重庆',
                value: 0
            }], [{
                name: '山东',
                value: 0
            }], [{
                name: '北京市',
                value: 0
            }], [{
                name: '江苏',
                value: 0
            }], [{
                name: '安徽',
                value: 0
            }], [{
                name: '湖北',
                value: 0
            }], [{
                name: '浙江',
                value: 0
            }], [{
                name: '福建',
                value: 0
            }], [{
                name: '江西',
                value: 0
            }], [{
                name: '湖南',
                value: 0
            }], [{
                name: '贵州',
                value: 0
            }], [{
                name: '广西',
                value: 0
            }], [{
                name: '海南',
                value: 0
            }], [{
                name: '上海',
                value:0
            }]
        ];

        var convertData = function (data) {
            var res = [];
            for (var i = 0; i < data.length; i++) {
                var dataItem = data[i];
                var fromCoord = chinaGeoCoordMap[dataItem[0].name];
                var toCoord = [113.4668, 34.6234];
                if (fromCoord && toCoord) {
                    res.push([{
                        coord: fromCoord,
                        value: dataItem[0].value
                    }, {
                        coord: toCoord,
                    }]);
                }
            }
            return res;
        };
        var series = [];
        [['河南', chinaDatas]].forEach(function (item, i) {
            console.log(item)
            series.push({
                type: 'lines',
                zlevel: 2,
                effect: {
                    show: true,
                    period: 4, //箭头指向速度，值越小速度越快
                    trailLength: 0.02, //特效尾迹长度[0,1]值越大，尾迹越长重
                    symbol: 'arrow', //箭头图标
                    symbolSize: 5, //图标大小
                },
                lineStyle: {
                    normal: {
                        width: 1, //尾迹线条宽度
                        opacity: 1, //尾迹线条透明度
                        curveness: .3 //尾迹线条曲直度
                    }
                },
                data: convertData(item[1])
            }, {
                    type: 'effectScatter',
                    coordinateSystem: 'geo',
                    zlevel: 2,
                    rippleEffect: { //涟漪特效
                        period: 4, //动画时间，值越小速度越快
                        brushType: 'stroke', //波纹绘制方式 stroke, fill
                        scale: 4 //波纹圆环最大限制，值越大波纹越大
                    },
                    label: {
                        normal: {
                            show: true,
                            position: 'right', //显示位置
                            offset: [5, 0], //偏移设置
                            formatter: function (params) {//圆环显示文字
                                return params.data.name;
                            },
                            fontSize: 13
                        },
                        emphasis: {
                            show: true
                        }
                    },
                    symbol: 'circle',
                    symbolSize: function (val) {
                        return 5 + val[2] * 5; //圆环大小
                    },
                    itemStyle: {
                        normal: {
                            show: false,
                            color: '#f00'
                        }
                    },
                    data: item[1].map(function (dataItem) {
                        return {
                            name: dataItem[0].name,
                            value: chinaGeoCoordMap[dataItem[0].name].concat([dataItem[0].value])
                        };
                    }),
                },
                //被攻击点
                {
                    type: 'scatter',
                    coordinateSystem: 'geo',
                    zlevel: 2,
                    rippleEffect: {
                        period: 4,
                        brushType: 'stroke',
                        scale: 4
                    },
                    label: {
                        normal: {
                            show: true,
                            position: 'right',
                            //offset:[5, 0],
                            color: '#0f0',
                            formatter: '{b}',
                            textStyle: {
                                color: "#0f0"
                            }
                        },
                        emphasis: {
                            show: true,
                            color: "#f60"
                        }
                    },
                    symbol: 'pin',
                    symbolSize: 50,
                    data: [{
                        name: item[0],
                        value: chinaGeoCoordMap[item[0]].concat([10]),
                    }],
                }
            );
        });

        option = {
            // tooltip: {
            //     trigger: 'item',
            //     backgroundColor: 'rgba(166, 200, 76, 0.82)',
            //     borderColor: '#FFFFCC',
            //     showDelay: 0,
            //     hideDelay: 0,
            //     enterable: true,
            //     transitionDuration: 0,
            //     extraCssText: 'z-index:100',
            //     formatter: function (params, ticket, callback) {
            //         //根据业务自己拓展要显示的内容
            //         var res = "";
            //         var name = params.name;
            //         var value = params.value[params.seriesIndex + 1];
            //         res = "<span style='color:#fff;'>" + name + "</span><br/>数据：" + value;
            //         return res;
            //     }
            // },
            visualMap: { //图例值控制
                min: 0,
                max: 1,
                calculable: true,
                show: true,
                color: ['#f44336', '#fc9700', '#ffde00', '#ffde00', '#00eaff'],
                textStyle: {
                    color: '#fff'
                }
            },
            geo: {
                map: 'china',
                zoom: 1.2,
                label: {
                    emphasis: {
                        show: false
                    }
                },
                roam: true, //是否允许缩放
                itemStyle: {
                    normal: {
                        color: 'rgba(51, 69, 89, .5)', //地图背景色
                        borderColor: '#516a89', //省市边界线00fcff 516a89
                        borderWidth: 1
                    },
                    emphasis: {
                        color: 'rgba(37, 43, 61, .5)' //悬浮背景
                    }
                }
            },
            series: series
        };

        myChart.setOption(option);
    }
    
    myChart1_1();
    myChart1_2();
    myChart1_3();
    myChart1_4();
    myChart1_5_1();
    myChart1_5_2();
    myChart1_6();
    myChart1_7();
    
    // 中间部分tab栏点击
    $('.center-tap>a').click(function(){
        $(this).addClass('active').siblings().removeClass('active')
        myChart1_7();
    
    })
})